<template>
     <div style="margin-top:20px">
         <!-- <div style="margin-top: 15px;">
            <el-input placeholder="请输入内容" v-model="input" class="input-with-select">
                <el-button @click="doSearch()" slot="append" icon="el-icon-search"></el-button>
            </el-input>
        </div> -->
        <div style="margin-bottom:20px">
            <el-button type="primary" @click="getRibaoForm($router)">新增</el-button>
            <!-- <el-button type="success" @click="update()" >修改</el-button>
            <el-button type="warning" >删除</el-button> -->
        </div> 
       <el-table
            :data="ribaodata"
            style="width: 100%"
            max-height="250"
            stripe
            border>
            <el-table-column
            prop="name"
            label="姓名"
            width="120">
            </el-table-column>
            <el-table-column
            prop="banji"
            label="班级"
            width="150">
            </el-table-column>
            <el-table-column
            prop="content"
            label="学习内容"
            width="320">
            </el-table-column>
            <el-table-column
            prop="question"
            label="问题"
            width="300">
            </el-table-column>
            <el-table-column
            prop="summary"
            label="总结"
            width="500">
            </el-table-column>
     </el-table>
    
    </div>
</template>

<script>
 import { mapState,mapActions } from 'vuex'
 export default {
     mounted(){
         this.getClass()
         this.getData()
         this.getRibaoData()
     },
     data() {
         return {
            //  input: ''
      }
    },
    methods: {
        deleteRow(index, rows) {
            rows.splice(index, 1);
        },
        ...mapActions(['getData','addInfo','edit','getClass','getRibaoForm','getRibaoData']),
        // doSearch(){
        //     this.getData(this.input)
        // } 
    },
    computed:{
        // tableData(){
        //     return this.$store.state.tableData
        // }
     
        ...mapState(['tableData','ribaodata'])
    }
   
  }
</script>

<style>
  .input-with-select{
        width: 300px;
        float: right;
        margin-right: 25px;
  }
  .input-with-select .el-input-group__prepend {
    background-color: #fff;
  }
</style>

